const home = require('./data/home.json')
const detail = require('./data/detail.json')
const recommend = require('./data/recommend.json')

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        'assets': '@/assets',
        'common': '@/common',
        'components': '@/components',
        'network': '@/network',
        'views': '@/views'
      }
    }
  },
  devServer: {
    before(app) {
      app.get('/homeinfo', (req, res) => {
        res.json(home)
      })
      app.get('/detail', (req, res) => {
        res.json(detail)
      })
      app.get('/recommend', (req, res) => {
        res.json(recommend)
      })
    }
  },
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require("postcss-px-to-viewport")({
            viewportWidth: 375,  //视窗的宽度，对应的是我们设计稿的宽度(750)
            // viewportHeight: 1334, //视窗的高度，对应的是我们设计稿的高度
            unitPrecision: 5,    //指定'px'转换为视窗单位值的小数位数(很多时候无法整除)
            viewportUnit: 'vw',  //指定需要转换成的视窗单位，建议使用vw
            selectorBlackList: ['ignore', 'tab-bar', 'tab-bar-item'],
            //指定不需要转换的类名
            minPixelValue: 1,    //小于或等于'1px'不转换为视窗单位
            mediaQuery: false,   //允许在媒体查询中转换'px'
            exclude: [/TabBar/, /(\/|\\)(node_modules)(\/|\\)/], //指定排除转换的文件名 (必须是正则)
            unitToConvert: "px",
            propList: [
              "*"
            ],
            fontViewportUnit: "vw",
            replace: true,
          })
        ]
      }
    }
  }
}
